<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>机器管理</title>
		<link rel="stylesheet" type="text/css" href="css/jqgl.css"/>
		<link rel="stylesheet" type="text/css" href="css/jiqiguanli.css"/>
		<link rel="stylesheet" type="text/css" href="css/xiangxi.css"/>
		<link rel="stylesheet" type="text/css" href="css/xiugai.css"/>
	</head>
	<body>
		<div class="main_content">
			<div class="con_left">
				<div class="l-box in">
					<a href="jqgl.html">机器管理</a>
				</div>
				<div class="l-box">
					<a href="jqgl2.html">机器二维码管理</a>
				</div>
			</div>
			<div class="con_right fl">
				<div class="r_main">
					<form action="" method="post" style="display: inline;">
						<div class="search">
							<span>条件查找<strong>|</strong></span>
								<input type="hidden" name="province" value=""/>
								<input type="hidden" name="city" value=""/>
								<input type="hidden" name="district" value=""/>
								<div class="d-i-b vertical-top" id="distpicker5">
									<div class="s-one d-i-b">机器所在地：
										<div class="f-inp-s d-i-b">
											<div class="form-group">
												<select  class="form-control" id="province1" data-province="---- 选择省 ----">
												</select>
											</div>
											<div class="s_img">
												<img src="img/select.png"/>
											</div>
										</div>
										<div class="f-inp-s d-i-b " >
											<div class="form-group">
												<select class="form-control" id="city1" data-city="---- 选择市 ----">
												</select>
											</div>
											<div class="s_img">
												<img src="img/select.png"/>
											</div>
										</div>
										<div class="f-inp-s d-i-b">
											<div>
												<select class="form-control" id="district1" data-district="---- 选择区 ----">
												</select>
											</div>
											<div class="s_img">
												<img src="img/select.png"/>
											</div>
										</div>
									</div>
									<div class="s-one d-i-b d-i-b">网络状态：
										<div class="f-inp-s d-i-b wlzt">
											<div>
												<select name='make'>
												    <option value='全部' selected>全部</option>
												    <option value='上线'>上线</option>
												    <option value='离线'>离线</option>
												</select>
											</div>
											<div class="s_img">
												<img src="img/select.png"/>
											</div>
										</div>
									</div><br />
									<div class="s-one d-i-b d-i-b">所属商户：
										<div class="f-inp-s d-i-b sssh">
											<div>
												<select name='make'>
												    <option value='全部' selected>全部</option>
												</select>
											</div>
											<div class="s_img">
												<img src="img/select.png"/>
											</div>
										</div>
									</div>
									<div class="s-one d-i-b">产品类型：
										<div class="f-inp-s d-i-b cplx">
											<div>
												<select name='make'>
												    <option value='全部' selected>全部</option>
												    <option value='洗车机'>洗车机</option>
												    <option value='售水机'>售水机</option>
												    <option value='洗衣机'>洗衣机</option>
												</select>
											</div>
											<div class="s_img">
												<img src="img/select.png"/>
											</div>
										</div>
									</div>
									<div class="s-one d-i-b">二维码绑定状态：
										<div class="f-inp-s d-i-b cplx">
											<div>
												<select name='make'>
												    <option value='全部' selected>全部</option>
												    <option value='已绑定'>已绑定</option>
												    <option value='未绑定'>未绑定</option>
												</select>
											</div>
											<div class="s_img">
												<img src="img/select.png"/>
											</div>
										</div>
									</div>
									<div class="s-one d-i-b">搜索选项：
										<div class="f-inp-s d-i-b">
											<div>
												<select name='make'>
												    <option value='机器编号' selected>机器编号</option>
												    <option value='chrysler'>具体位置</option>
												</select>
											</div>
											<div class="s_img">
												<img src="img/select.png"/>
											</div>
										</div><input type="text"></inpu><button class="btn-s">搜索</button>
									</div><br />
									<div class="s-one d-i-b">每页显示条数：
										<div class="f-inp-s d-i-b yeshu">
											<div>
												<select name='make'>
												    <option value='默认' selected>默认</option>
												    <option value='10'>10</option>
												    <option value='30'>30</option>
												    <option value='50'>50</option>
												    <option value='100'>100</option>
												    <option value='300'>300</option>
												</select>
											</div>
											<div class="s_img">
												<img src="img/select.png"/>
											</div>
										</div>
									</div>
									<div class="s-one d-i-b">排序：
										<div class="f-inp-s d-i-b px">
											<div>
												<select name='make'>
												    <option value='商户编号' selected>商户编号</option>
												    <option value='dodge'>机器编号</option>
												    <option value='ford'>网络状态</option>
												    <option value='toyota'>创建人</option>
												    <option value='derp'>创建日期</option>
												</select>
											</div>
											<div class="s_img">
												<img src="img/select.png"/>
											</div>
										</div>
									</div>
								</div>
						</div>
						<table border="1" cellspacing="0" cellpadding="0">
							<tr>
								<th style="width: 30px;">详细</th>
				                <th style="width: 30px;">修改</th>
				                <th style="width: 30px;">删除</th>
				                <th style="width: 30px;">开启<br>
				                    停止</th>
				                <th style="width: 30px;">机器<br>
				                    状态</th>
				                <th style="width: 45px;">配置<br>
				                    服务器</th>
				                <th style="width: 60px;">重置<br>
				                    硬件编号</th>
				                <th style="width: 40px;">重置<br>IMEI</th>
				                <th style="width: 60px;">二维码<br>
				                    绑定状态</th>
				                <th>商户名称</td>
				                <th style="width: 35px;">商户<br>
				                    编号</th>
				                <th style="width: 35px;">机器<br>
				                    编号</th>
				                <th style="width: 50px;">产品<br>
				                    类型</th>
				                <th style="width: 40px;">机器<br>
				                    类型</th>
				                <th style="width: 35px;">网络<br>
				                    状态</th>
				                <th>机器策略</th>
							</tr>
							<tr>
								<td><a href="javascript:;" onclick="sendurl('xiangxi01.html');return false"><img src="img/xiangxi.png"></a></td>
								<td><a href="jqgl-1.html"><img src="img/xiugai.png"/></a></td>
								<td><a href=""><img src="img/shanchu.png"/></a></td>
								<td><a href=""><img src="img/qidong.png"/></a></td>
								<td class="dui">开启</td>
								<td><a href=""><img src="img/apishezhi.png"/></a></td>
								<td class="cuo">已重置</td>
								<td class="cuo">已重置</td>
								<td class="cuo">✘</td>
								<td>广州伊耐净洗涤设备制造有限公司</td>
								<td>1013</td>
								<td>5</td>
								<td>洗衣机</td>
								<td>烘干型</td>
								<td class="cuo">离线</td>
								<td>1013洗脱机默认策略<span class="dui">（默认策略）</span></td>
							</tr>
						</table>
					</form>
					<div class="xiugai" style="display: none;">
						<header>编辑机器<span id="close2">X</span></header>
						<form action="" method="post">
						<div class="left-con">
							<div class="s-one"><span>机器编号:</span><input type="text" name="" id="jqbh" value="" readonly/><span class="flag01">（机器编号由非零整数组成。【1-9999】）</span></div>
							<div class="s-one"><span>产品类型:</span>
								<div class="f-inp-s d-i-b cplx">
									<div>
										<select name='make'>
										    <option value='洗车机' selected>洗车机</option>
										    <option value='售水机'>售水机</option>
										    <option value='洗衣机'>洗衣机</option>
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
							</div>
							<div class="s-one"><span>机器类型:</span>
								<div class="f-inp-s d-i-b cplx">
									<div>
										<select name='make'>
										    <option value='烘干型' selected>烘干型</option>
										    <option value='洗脱型'>洗脱型</option>
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
							</div>
							<div class="s-one"><span>策略:</span>
								<div class="f-inp-s d-i-b cplx">
									<div>
										<select name='make'>
										    <option value='无' selected>无</option>
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
							</div>
							<div class="s-one"><span>现场图片:</span>
								<div id="file">
									<div class="tupianshangchuan">
										<p>选择图片:<span>未选择任何文件</span></p>
										<input type="file" name="" id="inputs" value="" />
										<img src="img/shangchuan.jpg"/>
										<div id='dd'></div>
									</div>
									<div class="tupianshangchuan">
										<p>选择图片:<span id="tips">未选择任何文件</span></p>
										<input type="file" name="" id="inputs2" value="" />
										<img src="img/shangchuan.jpg"/>
										<div id='dd2'></div>
									</div>
									<label for="">格式：bmp/gif/jpeg/jpg/png</label>
									<input type="button" value="上传" id="shangchuan"/>
								</div>
							</div>
						</div>
						<div class="right-con" id="distpicker6">
							<div class="s-one"><span>所在省:</span>
								<div class="f-inp-s d-i-b">
									<div class="form-group">
										<select name='make' class="form-control" id="province1" data-province="---- 选择省 ----">
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
							</div><div class="s-one"><span>所在市:</span>
								<div class="f-inp-s d-i-b">
									<div class="form-group">
										<select name='make' class="form-control" id="city1" data-city="---- 选择市 ----">
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
							</div><div class="s-one"><span>所在区县:</span>
								<div class="f-inp-s d-i-b">
									<div class="form-group">
										<select name='make' class="form-control" id="district1" data-district="---- 选择区 ----">
										</select>
									</div>
									<div class="s_img">
										<img src="img/select.png"/>
									</div>
								</div>
							</div>
							<div class="s-one"><span>具体位置:</span>
									<input type="text" name="" id="" value="" class="wzhi"/>
							</div>
							<div class="s-one"><span>经度:</span>
									<input type="text" name="" id="" value="" class="wzhi"/>
							</div>
							<div class="s-one"><span>纬度:</span>
									<input type="text" name="" id="" value="" class="wzhi"/>
							</div>
							<input type="submit" value="保存" id="save"/>
							<input type="button" value="返回" id="back"/>
						</div>
						</form>
					</div>
					<iframe src="xiangxi00.html" width="99%" height="100%" frameborder="no" style="position: absolute;top: 0;display: none;z-index: 1050;" id="parent"></iframe>
					<div class="mask"></div>
				</div>
			</div>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jqgl.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/distpicker.data.js"></script>
		<script src="js/distpicker.js"></script>
		<script src="js/main.js"></script>
		<script type="text/javascript">
			$(function(){
				var a=$('#parent').height();
				$('#parent').height(a+100);
			})
			$('#province1').on('change',function(e){
				$("input[name='city']").val('')
				$("input[name='district']").val('')
				var aa=$("#province1 option:selected").data('code');
				$("input[name='province']").val(aa)
			})
			$('#city1').on('change',function(e){
				$("input[name='district']").val('')
				var aa=$("#city1 option:selected").data('code');
				$("input[name='city']").val(aa)
			})
			$('#district1').on('change',function(e){
				var aa=$("#district1 option:selected").data('code');
				$("input[name='district']").val(aa)
			})
		</script>
	</body>
</html>
